import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 配置element-plus 按需引入
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import path from 'path'
export default defineConfig({

  plugins: [vue(),
    // q: AutoImport 这是干啥的？
    // a: AutoImport 是一个 vite 插件，它可以自动导入你使用的组件，这样你就不需要在每个文件中手动导入组件了。
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    // q: Components 这是干啥的？

    Components({
      resolvers: [ElementPlusResolver()],
    }),
  
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src') // 路径更改
    },
    server: {
      port: 8888,
      // open: true,
      // proxy: {
      //   '/api': {

      //     target: '', 
      //     changeOrigin: true,
      //     rewrite: path => path.replace(/^\/api/, '')
      //   },
      // }
    }
  },
})
